<template>
  <div class="about">
    <div>
      <div v-if="$route.meta.keepAlive">
        <keep-alive>
          <v-header />
        </keep-alive>
        <keep-alive>
          <v-Nav />
        </keep-alive>
      </div>
      <!-- 左侧 -->
      <div v-if="$route.meta.keepAlive">
        <keep-alive>
          <div class="content-box">
            <div class="content">
              <!-- 路径导航 -->
              <v-tags></v-tags>
              <!-- 内容 -->
              <div class="content-fisx">
                <router-view v-slot="{ Component }">
                  <transition name="move" mode="out-in">
                    <keep-alive :include="tagsList">
                      <component :is="Component" />
                    </keep-alive>
                  </transition>
                </router-view>
              </div>
            </div>
          </div>
        </keep-alive>
      </div>
      <!-- 登录页 -->
      <router-view v-if="!$route.meta.keepAlive"></router-view>
    </div>
  </div>
</template>


<script>
import vHeader from "../components/Header.vue";
import vNav from "../components/Nav.vue";
import vTags from "../components/Tags.vue";
export default {
  components: {
    vHeader,
    vNav,
    vTags,
  },
  mounted() {
    if (location.href.indexOf("#reloaded") == -1) {
      //location.href = location.href + "#reloaded";
      //location.reload();
    }

    if (
      location.href.indexOf("#reloaded") == -1 &&
      (location.href.indexOf("dashboard") !== -1 ||
        location.href.indexOf("details") !== -1)
    ) {
      location.href = location.href + "#reloaded";
      location.reload();
      //this.$router.push('/dashboard#reloaded');
    }
  },
};
</script>

<style scoped>
html {
  height: 100% !important;
  overflow-y: hidden !important;
}
</style>
